<template>
  <div>
    <h3>欢迎 {{name}}</h3>
    <a href="#" @click="quit">注销登录</a>
  </div>
</template>

<script>
/*引入公共方法*/
import { setCookie,getCookie,delCookie } from '../../assets/js/cookie.js'
export default {
  name: "Home",
  data(){
    return{
      name: ''
    }
  },
  mounted(){
    /*页面挂载获取保存的cookie值，渲染到页面上*/
    let uname = getCookie('username')
    this.name = uname
    /*如果cookie不存在，则跳转到登录页*/
    if(uname == ""){
      this.$router.push('/')
    }
  },
  methods:{
    quit(){
      /*删除cookie*/
      delCookie('username')
    }
  }
}
</script>

<style scoped>

</style>

